﻿<!doctype html>
<html class="no-js">
<head>

  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>晟日果蔬</title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="icon" type="image/png" href="${webRoot!}/skins/mobile/assets/i/favicon.png">
  
  <!-- 通用文件引入 -->
  <#include "../common/mobile-base.html"/>   
  <script type="text/javascript" charset="utf-8" src="${webRoot!}/js/mobile/mobile.js"></script>
  <script type="text/javascript">
		$(function(){
		    Mobile.init('${webRoot!}');
		});
  </script>
</head>
<body >

   <header data-am-widget="header" class="am-header am-header-default joan-head">
      <div class="gm-head-left">
          <a href="tel:18601344960" class=""><i class="fa fa-whatsapp"></i>客服</a>
      </div>
      <div class="gm-head-search">
         <input type="text" id="search" placeholder="寻找你喜欢的商品"><i class="am-icon-search" onclick="Mobile.forwardShopType()"></i>
      </div>
  </header>
  

<div data-am-widget="slider" class="am-slider am-slider-b2" data-am-slider='{"controlNav":false}'>
  <ul class="am-slides">
    <li>
      <img src="${webRoot!}/skins/mobile/images/ban1.png">
    </li>
    <li>
      <img src="${webRoot!}/skins/mobile/images/ban2.jpg">
    </li>
  </ul>
</div>

 
<div class="case-nav">
<ul>
  <#list busShopTypes as busShopType>
  <li>
    <div class="am-gallery-item">
      <a href="${webRoot!}/mobile/forwardShopType.do?shopType=${busShopType.stId!}" class="case-nav-p">
        <img src="${webRoot!}/upload/${busShopType.stIcon!}">
        <p>${busShopType.stName!}</p>
      </a>
    </div>
  </li>
  </#list>
</ul>
</div>

<!--
<div class="active-main">
	<ul>
    	<li><a href="#"><img src="images/act1.jpg"></a></li>
    	<li><a href="#"><img src="images/act2.jpg"></a></li>
    	<li><a href="#"><img src="images/act3.jpg"></a></li>
    </ul>

</div>
-->

<div class="product">
  <#list busShopTypes as busShopType>
  
  <#if (busShopType_index < 2)>
  <ul class="am-gallery am-avg-sm-2 am-avg-md-2 am-avg-lg-4 am-gallery-default" >
  	<h2><span></span>${busShopType.stName!}</h2>
  
  	  <#list busShopType.shops as shop>
      <li>
        <div class="am-gallery-item">
            <a href="${webRoot!}/mobile/forwardShopDetail.do?shopId=${shop.sId!}" class="">
              <img src="${webRoot!}/upload/${shop.sImgSmall!}" /> 
                <div class="am-gallery-desc">
                	<div class="pro-tit">
                    	<h3>${shop.sMobileName!}</h3>
                        <p>${shop.shopPrice.spUnit!}（${shop.shopPrice.spSpecification!}）</p>
                    </div>
                    
                    <div class="pro-price">
                    	￥${shop.shopPrice.spPrice!}<del>￥${shop.shopPrice.spMarketPrice}</del>
                    </div>
                
                </div>
            </a>
        </div>
      </li>
      </#list>
  </ul>
  </#if>  
  </#list>

  
 </div>

 
  <div data-am-widget="navbar" class="am-navbar  am-navbar-default gm-foot" id="">
      <ul class="am-navbar-nav am-cf am-avg-sm-4">
          <li >
            <a href="${webRoot!}/mobile/index.do" class="curr">
                <span class="am-icon-home"></span>
                <span class="am-navbar-label">首页</span>
            </a>
          </li>
          <li>
            <a href="${webRoot!}/mobile/forwardShopType.do" class="">
                <span class="am-icon-th-large"></span>
                <span class="am-navbar-label">商品分类</span>
            </a>
          </li>
          
          <li>
            <a href="${webRoot!}/mobile/forwardShopCar.do" class="">
                <span class="am-icon-shopping-cart"></span>
                <span class="am-navbar-label">购物车<span class="badge badge-danger" id="shopCartNum"><#if shopCartNum gt 0>${shopCartNum!}</#if></span></span>
            </a>
          </li>
	  	  <li>
            <a href="${webRoot!}/mobile/forwardMember.do" class="">
                <span class="am-icon-user"></span>
                <span class="am-navbar-label">个人中心</span>
            </a>
          </li>
          <!--
          <li >
            <a href="talk.html" class="">
                <span class="am-icon-file-text-o"></span>
                <span class="am-navbar-label">果友说</span>
            </a>
          </li>
          -->
      </ul>
  </div>

</body>
</html>
